<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>产品组合</title>

<style type="text/css">
#itemsTable input {
	width: 100%;
}
</style>

</head>
<body>
	<div class="modal fade" id="group" tabindex="-1" role="dialog" 
		aria-labelledby="groupDetailsLabel" aria-hidden="true">
		<div class="modal-dialog" style="width: 95%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">产品组合</h4>
				</div>
				<div class="modal-body">
					<form id="giftGroup" method="post" name="giftGroup">
						<!-- 获取产品规格id -->
						<input type="hidden" id="giftdeId" name="id" />
						<input type="hidden" id="giftId" name="giId" />
						<div align="left">
							<div align="center">
								<div id="searchInfor" style="height:30px;">
									产品名称/编号:
									<input id="itemName" name="itemName" style="width: 20%;" />
									<input id="itemId" name="itemId" type="hidden" />
									
									规格列表：<select id="proRules" name="ruleItems">
												<option value="-1">请选择</option>
											</select>
									<button id="addItem" class="btn btn-sm btn-primary" type="button">添加</button>
									<button id="clearItem" class="btn btn-sm btn-danger">清空列表</button>
									<div id="selectItem" style="display: none; text-align:left; z-index:9999999;left:-85px;top:0px; position: relative; width: 20%">
									</div>
								</div>
								<div id="itemList"
									style="margin-top: 25px; height: 350px;z-index:1;">
<!-- 									<input style="width: 200px;" type="hidden" id="groupId" -->
<%-- 																name="id" value="${group.id}" /> --%>
									<table id="itemsTable" class="table table-bordered">
										<tr>
											<td style="text-align: center; width: 100px;">产品编号</td>
											<td style="text-align: center; width: 100px;">产品名称</td>
											<td style="text-align: center; width: 100px;">规格名称</td>
											<td style="text-align: center; width: 100px;">单价</td>
											<td style="text-align: center; width: 100px;">数量</td>
											<td style="text-align: center; width: 100px;">总价</td>
											<td style="text-align: center; width: 100px;">说明</td>
											<td style="text-align: center; width: 100px;">备注</td>
											<td style="text-align: center; width: 100px;">操作</td>
										</tr>
									</table>
								</div>
								<div style="text-align: center;">
									<ul class="pagination" id="itemPagination"></ul>
								</div>
								
								<div id="optBtnGR" class="modal-footer">
										<button id="saveBtnGR" type="button"
											class="btn btn-primary">保存</button>
										<button type="button" class="btn btn-default"
											data-dismiss="modal">关闭</button>
								</div>
							</div>
						</div>
					</form>
				</div>
	
			</div>
	
		</div>
	
	</div>
</body>

</html>